
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
*{margin:0;padding:0}
.layer1{width:100%;height:100px;background: #3CF;font-size:50px;font-family:STCaiyun;}
.layer2{width:100%;height:400px;background: #3CF;padding-top:30px}

#layer2{width:400px; height:auto; padding:10px; margin:0px auto 0;background:white; border-radius:8px}
h3{font-size:16pt; color:red; text-align:center;}
#login
  {  
  width:70%;margin:20px auto;
 
  }

#login td
  {
 
    height:40px;
 
  }
#login .col1{ width:35%;text-align:center;  }
#login .col2{ text-align:center; }
#login .col3{ text-align:center; }

.layer3{width:100%;height:100px;background: #999;font-size:20px;text-align:center;line-height:30px}
</style>
</head>

<body>
<div class="layer1"><img src="logo.png" height="100px"></div>
<div class="layer2">
  <div id="layer2">
<h3>用户登录页面</h3>
<form  method="get" >
<table id="login"> 
<tr>
<td class="col1">用户名</td>
<td class="col2"><input type="text" name="uName"/></td>
</tr>

<tr>
<td class="col1">密码</td>
<td class="col2"><input type="password" name="pass" /></td>
</tr>
<tr>
<td  colspan="2" class="col1"> <input type="radio" name="sex" value="male" checked>教师
       <input type="radio" name="sex" value="female">学生
</td>
</tr>
<td  colspan="2" class="col1"><input type="checkbox" name="vehicle" value="Bike">十天内自动登录</td>
</tr>
<tr>
<td colspan="2" class="col3"><input type="submit" value="  提  交  " />  <input type="submit" value="  取消  " /></td>

</tr>
</table>
</form>
</div></div>
<div class="layer3"> <p>学校地址：济南市旅游路4516号    邮编：250103</p>
           <p>电话：0531-86335888     招生电话：0531-86335555</p>
           <p>学生作业</p></div>
</body>
</html>